<template>
    <view class="">
        <!-- 搜索 -->
        <search-vue></search-vue>
        <!-- 轮播图 -->
        <swiper-vue class="px-[10rpx]"></swiper-vue>
        <!-- 分类导航 -->
        <view class="rounded-[20rpx] mt-[20rpx]  px-[10rpx]">
            <nav-vue class="bg-white "></nav-vue>
        </view>
        <!-- 文章列表 -->
        <view>
            <view class="flex items-center article-title mx-[20rpx] my-[30rpx] text-lg font-medium">
                最新资讯
            </view>
            <article-card-vue></article-card-vue>
        </view>
    </view>
</template>
<script setup lang="ts">
import SwiperVue from "./swiper.vue"
import SearchVue from "./search/index.vue"
import navVue from "./nav/index.vue"
import articleCardVue from "./articleCard.vue"
onLoad((options)=> {
    console.log("home onload options", options)
})
</script>
<style scoped lang="scss"></style>